<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<img src="./ajax.txt" alt="">
</html>
<script>

    /** 跨域 协议（http/https/ftp/smtp）IP 端口号(同源非跨域)
     * http://www.baidu.com
     * 三者只要有一个不同都会涉及到跨域
     */
    data = {
       
    };
    let xhr = new XMLHttpRequest();//http请求
    xhr.open('GET','./data/ajax.txt', true);//请求方式 请求数据 是否异步 默认异步 true
    xhr.onreadystatechange = function () {
        console.log(xhr);
        /**
         * 0 请求未初始化
         * 1 服务器建立连接
         * 2 请求已经接受
         * 3 请求处理中
         * 4 请求已经完成，响应已就绪
         */
        if (xhr.readyState === 4) {
            console.log('xhr.readyState==>', xhr.readyState);
            console.log('xhr.status==>', xhr.status);//http状态码

        }
    }
    xhr.send(data)
   
</script>